博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Typecho HTML5预加载
阅读量:5864 次
发布时间:2019-06-19

本文共 3880 字,大约阅读时间需要 12 分钟。

天下文章一大抄,你通过搜索引擎搜索 HTML5预加载,估计只能找到诸如“ WP实现HTML5预加载”的方法。

不知道的还以为只有WP可以实现HTML5预加载呢~
火狐下引入的预加载使用方法
<link rel="prefetch" href="http://www.example.com/">

文档

谷歌下预加载使用方法
<link rel="prerender" href="http://example.org/index.html">

文档

代码如下:

<
script
src=
"http://html5shiv.googlecode.com/svn/trunk/html5.js"
>
is('
index')):
?>
<
link
rel=
"prefetch"
href=
"
options->siteUrl(); ?>"
>
<
link
rel=
"prerender"
href=
"
options->siteUrl(); ?>"
>
is('
post')):
?>
<
link
rel=
"prefetch"
href=
"
permalink() ?>"
>
<
link
rel=
"prerender"
href=
"
permalink() ?>"
>

 

上面的代码有错误。

我仔细查找了国外的一些文档。

例如 客户正在阅读 ,我们这里认为这是第一篇文章

那么 客户很可能会去阅读 我们认为这是第二篇文章。

也就是我们post中的上一页下一页。

因此,我们假设当前页面为B,上一页为A,下一页为C

我们需要插入代码

<link rel="prefetch" href="A"> <!-- firefox -->
<link rel="prerender" href="A"> <!-- chrome -->
<link rel="prefetch" href="C"> <!-- firefox -->
<link rel="prerender" href="C"> <!-- chrome -->

那么,在客户访问B页面的时候,浏览器会偷偷的加载 A和C的页面,如果索性客户点击了A和B页面,就是秒开了。。。

但是我并不知道这个功能会不会降低 B页面的速度,如果会降低,显然是没有任何意义的,反而起了反作用。

如果一定要做

首页,预加载 最新一片日志

文章页 ,预加载 上一页和下一页。

因为考虑到效率等问题,做了下舍取,我只在post做预加载。

代码如下,分为2部分

第一部分,将以下代码加入functions.php ,代码来自 有修改

fetchRow($xdb->()->from('table.contents') ->where('table.contents.created < ?', $t->created) ->where('table.contents.status = ?', 'publish') ->where('table.contents.type = ?', $t->type) ->where('table.contents.password IS NULL') ->order('table.contents.created', Typecho_Db::SORT_DESC) ->limit(1)); (($xrs)==0){ ($isLink){ 0: "这已经是第一篇了亲~"; ; 1: "http://henmang.net"; //注意把这里修改为你本人的网址 ; } } ; 'next': $xrs = $xdb->fetchRow($xdb->()->from('table.contents') ->where('table.contents.created > ?',$t->created) ->where('table.contents.status = ?', 'publish') ->where('table.contents.type = ?', $t->type) ->where('table.contents.password IS NULL') ->order('table.contents.created', Typecho_Db::SORT_ASC) ->limit(1)); (($xrs)==0){ ($isLink){ 0: "木有下一篇了~"; ; 1: "http://henmang.net"; //注意把这里修改为你本人的网址 ; } } ; } ($xrs){ $xrs = $t->filter($xrs); ($isLink==0){ $xrs['title']; }{ $xrs['permalink']; } } }

然后在header.php加入

is('post')): ?>
">
">
">
">

如果你一定要在首页预加载第一篇日志,可以试试下面的代码,很蛋疼

is('index')): ?>
is('post')): ?>
">
">
">
">

转载地址:http://viynx.baihongyu.com/

你可能感兴趣的文章
关于Spring 中的事务
查看>>
为什么现在都用面向对象开发,为什么现在都用分层开发结构?
查看>>
【离散数学】 SDUT OJ 偏序关系
查看>>
写给学弟学妹的产品入门建议(持续更新)
查看>>
view视图总结
查看>>
oracle11g 数据库导出报“ EXP-00003:
查看>>
201521123009 《Java程序设计》第11周学习总结
查看>>
可解释的机器学习
查看>>
Python3之多线程学习
查看>>
MVC和MTV结构分析
查看>>
(转)微信网页扫码登录的实现
查看>>
mariadb启动报错:[ERROR] Can't start server : Bind on unix socket: Permission denied
查看>>
nginx的信号量
查看>>
云im php,网易云IM
查看>>
河南农业大学c语言平时作业答案,河南农业大学2004-2005学年第二学期《C语言程序设计》期末考试试卷(2份,有答案)...
查看>>
c语言打开alist文件,C语言 文件的打开与关闭详解及示例代码
查看>>
c语言 中的共用体和结构体如何联合定义,结构体(Struct)、联合体(Union)和位域
查看>>
iOS UITableView表视图滚动隐藏UINavigationController导航栏
查看>>
SDL如何嵌入到QT中?!
查看>>
$(document).ready()
查看>>